const {endPort} = require('./src/constantbase')
const path = require('path')

//部署到nginx的时候记得配置nginx.conf上面的反向代理
module.exports = {
  //配置反向代理
  devServer: {
    port: 600, // 修改vue应用要监听的端口号
    proxy: {
      '/api': {
        target: 'http://localhost:'+endPort,
        changeOrigin: true,
        secure: false,
        ws: false,
        pathRewrite: {
          '^/api': ''
        }
      }
    }
  },
  //反向代理配置已经在vue.config.js文件中设置好了。但是，当你把项目部署到生产环境时（例如Nginx服务器），你需要在Nginx的配置文件中进行类似的设置。
  productionSourceMap: false,

  //svg-icons配置
  chainWebpack:config=>{
    // svg图标加载
    config.module
      .rule('svg')
      .exclude.add(path.join(__dirname, 'src/assets/svgIcons/icons'))
      .end()

    config.module
      .rule('icons')// 定义一个名叫 icons 的规则
      .test(/\.svg$/)// 设置 icons 的匹配正则
      .include.add(path.join(__dirname,'src/assets/svgIcons/icons'))// 设置当前规则的作用目录，只在当前目录下才执行当前规则
      .end()
      .use('svg-sprite')// 指定一个名叫 svg-sprite 的 loader 配置
      .loader('svg-sprite-loader')// 该配置使用 svg-sprite-loader 作为处理 loader
      .options({// 该 svg-sprite-loader 的配置
        symbolId:'icon-[name]'
      })
      .end()
  }
};
